// 基本情况
import BaseCard from "./BaseCard"
import EmploymentStructure from "./EmploymentStructure"
import BusinessCase from "./BusinessCase"
import PurchaseAmount from "./PurchaseAmount"

const BasicInformation = ({ data = {} }) => {
  const {
    companyInfo, // 企业概况
    organizationStructureChart, // 组织结构
    employeeStructurePie, // 用工结构
    employeeStructureDetails, // 用工结构
    materialTrendAnalysis, // 采购金额
    materialProcurementBenchmark, // 物资同业对比
    // 经营情况
    assetInfo, // 资产分布总览
    debtRatioTrend, // 负债率
    electricitySalesTrend, // 售电总量
    industryBenchmarkChart // 同业对标
  } = data

  return (
    <>
      <div
        id="section1"
        className="mt-[24px] h-[36px] flex items-center"
        style={{
          backgroundImage: `url('assistant-decision/title_bg.png')`,
          backgroundRepeat: "no-repeat"
        }}
      >
        <span className="ml-[56px] text-[24px] font-[700]">一、基本情况</span>
        <span className="ml-[36px]">
          以下展示的数据均来自数据中台，通过大模型提炼总结所得。
        </span>
      </div>
      {/* 企业概况 组织结构 */}
      <BaseCard
        companyInfo={companyInfo}
        orgInfo={organizationStructureChart}
      />
      {/* 用工结构 */}
      <EmploymentStructure
        data={employeeStructurePie}
        dataDetails={employeeStructureDetails}
      />
      {/* 采购金额 */}
      <PurchaseAmount
        materialTrendAnalysis={materialTrendAnalysis}
        materialProcurementBenchmark={materialProcurementBenchmark}
      />
      {/* 经营情况 */}
      <BusinessCase
        assetInfo={assetInfo}
        debtRatioTrend={debtRatioTrend}
        electricitySalesTrend={electricitySalesTrend}
        industryBenchmarkChart={industryBenchmarkChart}
      />
    </>
  )
}

export default BasicInformation
